@import "_public";
.mx-list-page{
    width:1200px;
    margin:0 auto;
    overflow: hidden;
    .list-con{
        width:1200px;
        margin:0 auto;
        .mx-listl{
            width:950px;
            padding-right:20px;
            
            float:left;
            overflow: hidden;
            .mx-ad{
                margin-top:20px;
                width:950px;
                overflow: hidden;
                border-bottom:1px solid #eee;
                display: block;
                img{
                    float:left;
                    width:950px;
                    height:240px;
                }
            }
            .list-find{
                width:950px;
                float:left;
                overflow: hidden;
                border-bottom: 1px solid #eee;
                p{
                    float:left;
                    width:100px;
                    height:57px;
                    line-height:57px;
                    
                    background: #FAFAFC;
                    font-size:12px;
                    color:#666;
                    padding-left:20px;
                }
                ul{
                    float:left;
                    width:767px;
                   
                    padding-left:30px;
                    padding-right:30px;
                    padding-top:10px;
                    padding-bottom:10px;
                    li{
                        width:auto;
                        height:36px;
                        float:left;
                        margin-right:40px;
                        line-height:36px;
                        font-size:12px;
                        color:#333;
                        white-space: nowrap;
                    }
                }
            }
            .list-cont{
                width:950px;
                float:left;
                overflow:hidden;
                border-bottom:1px solid #eee;
                .list-title{
                    
                    p{
                        float:left;
                        width:100px;
                        height:93px;
                        padding-top:20px;
                        
                        background: #FAFAFC;
                        font-size:12px;
                        color:#666;
                        padding-left:20px;
                    }
                    ul{
                        float:left;
                        width:767px;
                        
                        padding-left:30px;
                        padding-right:30px;
                        padding-top:10px;
                        padding-bottom:10px;
                        li{
                            width:auto;
                            height:30px;
                            float:left;
                            margin-right:40px;
                            line-height:16px;
                            font-size:12px;
                            color:#333;
                            margin-top:6px;
                        }
                    }                    
                }
            }
            .list-content{
                width:950px;
                float:left;
                overflow:hidden;
                margin-top:20px;
                .lc-title{
                    width:950px;
                    height:50px;
                    float:left;
                    margin-top:20px;
                    border-top:2px solid #1EAA39;
                    border-right:1px solid #eee;
                    border-left:1px solid #eee;
                    border-bottom:1px solid #eee;
                    background:#FAFAFC;
                    .title-l{
                        width:291px;
                        height:47px;
                        float:left;
                        cursor: pointer;
                        li{
                            width:96px;
                            height:47px;
                            float:left;
                            border-right:1px solid #eee;
                            font-size:12px;
                            color:#333;
                            text-align: center;
                            line-height:47px;
                        }
                    }
                    .title-r{
                        width:310px;
                        height:47px;
                        float:right;
                        p{
                            width:160px;
                            height:47px;
                            line-height:47px;
                            float:left;
                            overflow:hidden;
                            font-size:12px;
                            color:#666;
                            span{
                                color:#1EAA39;
                            }
                        }
                        .page-sum{
                            width:124px;
                            height:32px;
                            float:right;
                            margin-right:10px;
                            margin-top:10px;
                            s{
                                text-decoration:none;
                            }
                            span{
                                float:left;
                                width:50px;
                                height:30px;
                                line-height:30px;
                                border:1px solid #eee;
                                cursor: pointer;
                                text-align: center;
                                font-size:16px;
                                color:#ccc;
                                margin-right:5px;
                                background:#fff;
                            }
                        }
                    }
                }
            }
            .list-item{
                width:950px;
                height:auto;
                overflow: hidden;
                float:left;
                ul{
                    position:relative;
                    right:10px;
                    width:970px;
                    float:left;
                    padding-top:20px;
//                  background:#0f0;
                    
                    li{
                        border:1px solid rgb(238,238,238);
                        width:220px;
                        height:360;
                        float:left;
                        margin:0 10px 20px 10px;
                        .li-img{
                            width:218px;
                            height:220px; 
                            float:left;                          
                        }
                        .jump{
                            float:left;
                            width:218px;
                            height:30px;
                            background:#fff;
                            opacity: 0.85;
                            z-index:100;
                            margin-top:-30px;
                            .cata-l{
                                display: none;
                                width:100px;
                                height:30px;
                                color:#fff;
                                line-height:30px;
                                font-size:12px;
                                float:left;
                                cursor: pointer;
                                img{
                                    width:9px;
                                    height:9px;
                                    float:left;
                                    margin-right:10px;
                                    margin-left:12px;
                                    margin-top:11px;
                                }
                                i{
                                    float:left;
                                    height:30px;
                                     color:#fff;
                                    line-height:30px;
                                    font-size:12px;
                                    
                                }
                            }
                            .cata-r{
                                display: none;
                                width:100px;
                                height:30px;
                                color:#fff;
                                line-height:30px;
                                font-size:12px;
                                float:right;
                                margin-right:-5px;
                                cursor: pointer;
                                img{
                                    width:9px;
                                    height:9px;
                                    float:left;
                                    margin-right:10px;
                                    margin-left:5px;
                                    margin-top:11px;
                                }
                                i{
                                    float:left;
                                    height:30px;
                                    color:#fff;
                                    line-height:30px;
                                    font-size:12px;
                                    
                                }
                            }
                        }
                        
                        p{
                            float:left;
                            width:200px;
                            margin:10px 0 10px 20px;
                            font-size:16px;
                            color:#E4462C;
                            font-weight:bold;
                        }
                        span{
                            width:90%;
                            float:left;
                            height:32px;
                            margin-bottom:15px;
                            margin-left:10px;
                            font-size:12px;
                            line-hieght:16px;
                            color:#333;
                        }
                        .spic{
                            float:left;
                            
                            img{
                                float:left;
                                width:80px;
                                height:20px;
                                margin:5px 0 30px 10px;
                            }
                        }
                    }
                }
            }
            form{
                float:left;
                width:950px;
                height:135px;
                .page{
                    width:auto;
                    height:75px;
                    margin:15px auto;
                    padding-top:30px;
                    ul{
                        width:450px;
                        height:75px;
                        margin:0 auto;
                        padding-top:30px;
                        li{
                            width:37px;
                            height:37px;
                            float:left;
                            margin-right:4px;
                            border-radius: 4px;
                        }
                        .pre{
                            width:73px;
                            margin-right:10px;
                            height:37px;
                            text-align: center;
                            line-height:37px;
                            color:#999;
                            font-size:14px;
                            border:1px solid #eee;
                            border-radius: 4px;
                            float:left;
                        }
                        .curr{
                           background:#1A9733;
                           color:#fff;
                           width:37px;
                           height:37px;
                           text-align: center;
                           line-height: 37px;
                           font-size:14px;
                        }
                        .ell{
                            line-height:30px;
                            margin-left:15px;
                        }
                        .next{
                            width:73px;
                            margin-right:10px;
                            height:37px;
                            text-align: center;
                            line-height:37px;
                            color:#999;
                            font-size:14px;
                            border:1px solid #eee;
                            margin-left:-8px;
                        }
                        .page-num{
                            float:left;
                            width:150px;
                            height:37px;
                            line-height:37px;
                            font-size:12px;
                            color:#999;
                            p{
                                float:left;
                                margin-right:5px;
                            }
                            #list-page{
                                outline: none;
                                width:37px;
                                margin:3px 8px;
                                border:1px solid #eee;
                                text-align: center;
                                line-height:27px;
                                border-radius: 4px;
                                float:left;
                                margin-right:10px;
                            }
                            span{
                                float:left;
                            }
                        }
                        .page-sure{
                            float:left;
                            input{
                                outline:none;
                                width:41px;
                                height:27px;
                                font-size:12px;
                                color:#000;
                                text-align: center;
                                line-height:27px;
                                margin-top:5px;
                                background:#fff;
                                border-radius: 4px;
                                border:1px solid #eee;
                            }
                        }
                    }
                }
            }
        }
        .mx-listr{
            height:100%;
            float:right;
            width:229px;
            border-left:1px solid #eee;
            overflow: hidden;
            .list-down{
                width:229px;
                min-height:1300px;
                float:right;
                padding-left:20px;
                padding-right:20px;
                z-index: -1;
                h4{
                    width:100%;
                    height:22px;
                    margin-top:30px;
                    margin-bottom:10px;
                    float:left;
                    font-size:16px;
                    font-weight:bold;
                    color:rgb(26,151,51)
                }
                li{
                    width:230px;
                    height:246px;
                    float:left;
                    a{
                        color:#666;
                        float:left;
                        .goods-ma{
                            img{
                                width:150px;
                                height:150px;
                                margin:0 auto;
                                margin-top:10px;
                                margin-bottom:10px;
                            }
                            p{
                                width:144px;
                                height:45px;
                                margin:0 auto;
                                margin-bottom:5px;
                                font-size:12px;
                                color:#666;
                                line-height:18px;
                            }
                            span{
                                width:144px;
                                height:26px;
                                margin:0 auto;
                                font-size:18px;
                                color:#E4462C;
                            }
                        }
                    }
                }
            }
        }
    }
}
